<!DOCTYPE html>
<html lang="en">
	<head>
		<title>Dhahran Tower Management System</title>
		<meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<link rel="stylesheet" href="/media/css/bootstrap.min.css" />
		<link rel="stylesheet" href="/media/css/bootstrap-responsive.min.css" />
		<link rel="stylesheet" href="/media/css/fullcalendar.css" />	
		<link rel="stylesheet" href="/media/css/unicorn.main.css" />
		<link rel="stylesheet" href="/media/css/unicorn.grey.css" class="skin-color" />
        		<script src="http://code.jquery.com/jquery-1.8.2.js"></script>
  		 <script src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script>
	</head>


    	<script>
        	$(function() {
            	$( "#id_expiry_date" ).datepicker();
       		 });
    	</script>
    	<script>
        $(function() {
            $( "#id_orgDate" ).datepicker();
        });
    	</script>
	<body>
		
		
		<div id="header">
			<h1><a href="/">Main Page</a></h1>		
		</div>
		

            
		<div id="sidebar">
			<a href="#" class="visible-phone"><i class="icon icon-home"></i> Main Page</a>
			<ul>
				<li class="active"><a href="/"><i class="icon icon-home"></i> <span>Main Page</span></a></li>
				<li class="submenu">
					<a href=""><i class="icon icon-th-list"></i> <span>Employee System</span> <span class="label">2</span></a>
					<ul>
						<li><a href="form-common.html">View All</a></li>
						<li><a href="form-validation.html">Add New</a></li>
						<li><a href="form-validation.html">Car Brands</a></li>
					</ul>
				</li>
				<li class="submenu">
					<a href=""><i class="icon icon-th-list"></i> <span>Cars</span> <span class="label">4</span></a>
					<ul>
						<li><a href="/Cars">View All</a></li>
						<li><a href="/Cars/add">Add New</a></li>
						<li><a href="/Cars/brands">Car Brands</a></li>
						<li><a href="/Cars/addBrand">Add new brand</a></li>
					</ul>
				</li>
				<li >
					<a href="/Company"><i class="icon icon-th-list"></i> <span>Companies</span> <span class="label">4</span></a>
				
				</li>
			</ul>

		</div>

		
		<div id="content">
		       {% block content %}
		       
		       
		       {% endblock %}

				<div class="row-fluid">
					<div id="footer" class="span12">
						2012 &copy; Dhahran Tower Organzier System
					</div>
				</div>
			</div>
		</div>
		

            <script src="/media/js/excanvas.min.js"></script>

            <script src="/media/js/bootstrap.min.js"></script>
            <script src="/media/js/jquery.flot.min.js"></script>
            <script src="/media/js/jquery.flot.resize.min.js"></script>
            <script src="/media/js/jquery.peity.min.js"></script>
            <script src="/media/js/fullcalendar.min.js"></script>
            <script src="/media/js/unicorn.js"></script>
            <script src="/media/js/unicorn.dashboard.js"></script>
	</body>
</html>
